/* CSS Document */

.common {
    margin: 0 0 10px 0;
    padding: 0;
    background: #07162f url('../img/common-bg.gif') left top repeat-x;
    font-family: Arial, Helvetica, sans-serif;
}

.page {
    margin: 30px auto 0 auto;
    padding: 0 3px 0 3px;
    background: url('../img/page-bg.png') left top no-repeat;
    clear: both;
    overflow: hidden;
    width: 1018px;
}

.header {
    background: url('../img/header-bg.gif') left top repeat-x;
    clear: both;
    height: 46px;
    margin: 0 auto;
    padding: 0 0 0 5px;
}

.header a img {
    margin: 0;
    padding: 0;
    border: none;
    display: block;
}

.header h1 {
    margin: 0;
    padding: 8px 0 0 45px;
    color: #6da1cf;
    font-family: tahoma;
    font-size: 12px;
    font-weight: normal;
    height: 46px;
    vertical-align: top;
    background: url('../img/logo.png') left center no-repeat;
    background-size: 36px;
}

.header h2 {
    color: #f7aa5d;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
    padding: 0;
}

.header h1 img {
    margin: 0 15px 0 0;
    padding: 0;
    border: none;
    height: 46px;
}

.header h1 small { 
    font-size: 12px;
}

.navigation {
    margin: -30px 0 0 0;
    padding: 0 0 0 0;
    background: url('../img/navigation-bg.gif') left bottom repeat-x;
    color: #806421;
    font-family: "lucida sans", arial, tahoma, verdana, helvetica, sans-serif;
    font-size: 11px;
    overflow: hidden;
    text-align: right;
    height: 52px;
}

.navigation ul {
    background: url('../img/li-navigation-border.gif') left top no-repeat;
    float: right;
    list-style: none;
    margin: 0 15px 0 0;
    padding: 0 0 0 2px;
}

.navigation li {
    background: url('../img/li-navigation-border.gif') right top no-repeat;
    float: left;
    height: 31px;
    margin: 0 0 0 0;
    padding: 0 2px 0 0;
}

.navigation a {
    color: #7c7c7c;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 10px 9px 6px 9px;
}

.navigation a:hover {
    border-bottom: 1px solid #e0effc;
    color: #4d8fc9;
    background: url('../img/a-navigation-bgactive.gif') left top repeat-x;
}

.navigation a.active {
    border-bottom: 1px solid #e0effc;
    color: #666;
    background: url('../img/a-navigation-bgactive.gif') left top repeat-x;
}

.main-banner {
    overflow: hidden; 
    margin: 0 0 0 0;
    padding: 1px;
}

.main-banner img {
    border: none;
    display: block;
    margin: 0;
    padding: 0;
}

.main-content {
    clear: both;
    background: #ffffff url('../img/main-content-bg.gif') left top no-repeat;
    clear: both;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
}

.footer {
    color: #4c82b6;
    clear: both;
    font-size: 11px;
    overflow: hidden;
    text-align: right;
    width: 754px;
    margin: 0 auto;
    padding: 0 5px 5px 5px;
}

.ffhack {
    clear: both;
    margin: 0;
    padding: 0;
}